<template>
    <div :class="{div1:div1,div2:div2}">
        <Button>button</Button>
    </div>    
</template>
<script>
export default {
    data(){
        return{
            div1:true,
            div2:true,
        }
    }
}
</script>
<style scoped>
    .div1{
        display: inline-block;
        padding: 10px;
        margin: 0px;
        border:1px solid black;
        border-radius: 5px;
        -webkit-animation: mymove2 0.5s infinite linear alternate;
    }
    @-webkit-keyframes mymove2{
        from{
            padding: 10px;
            margin: 0px;
        }
        to{
            padding: 0;
            margin: 10px;
        }
    }
</style>